/*
 * This stylesheet contains the css settings required for
 * quizzy to work at all correct. If you want to change 
 * any of these, they can be overridden in your quizzySkin.css
 * file.
 */

#quizzy {
	overflow: hidden;
}

#quizzy_c {
	position: relative;
	height: 100%;
}

#quizzy_load{
	height: 100%;
	float: left;
  overflow: auto;
}

#quizzy_load img{
  /* This will force the image to fit within the box.
   * IE6 doesn't support this, there's a hack in the quizzyHeader.php
   */
  float: right;
  max-width: 30%;
  margin: 4px;
}

#quizzy_quiz {
	height: 100%;
	float: left;
}

.quizzy_title {
	height: 10%;
  overflow: hidden;
}

#quizzy_q_c
{
	position: relative;
	width: 100%;
	height: 90%;
}

.quizzy_q {
  height: 100%;
	float: left;
}

/*
 * question pane stuff
 */

.quizzy_q_body {
	width: 100%;
	height: 40%;
  overflow: hidden;
}

.quizzy_q_body img {
  /* This will force the image to fit within the box.
   * IE6 doesn't support this, there's a hack in the quizzyHeader.php
   */
  float: right;
  max-width: 45%;
  max-height: 45%;
  margin: 4px;
}

.quizzy_q_opts {
	width: 100%;
	height: 50%;
  overflow: hidden;
}

.quizzy_q_opts img {
  /* This will force the image to fit within the box.
   * IE6 doesn't support this, there's a hack in the quizzyHeader.php
   */
  max-width: 80%;
  max-height: 12pt;
  margin: 4px;
  vertical-align: middle;
}

.quizzy_q_opt_val {
	float:right;
}

.quizzy_q_exp {
}

.quizzy_q_exp img {
  /* This will force the image to fit within the box.
   * IE6 doesn't support this, there's a hack in the quizzyHeader.php
   */
  float: right;
  max-width: 45%;
  max-height: 45%;
  margin: 3px;
}

.quizzy_q_foot {
	width: 100%;
	height: 10%;
  text-align: right;
  overflow:hidden;
}

.quizzy_q_foot input {
  margin-right: 4px;
}

.quizzy_done img {
  /* This will force the image to fit within the box.
   * IE6 doesn't support this, there's a hack in the quizzyHeader.php
   */
  max-height: 15%;
  margin: 4px;
}
